<!-- ＜（＾－＾）＞ -->
<!-- 拆分路由组件和非路由组件 -->
<template>
  <div id="app">
    <Header></Header>
    <router-view/>
    <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<script>
import Footer from './components/Footer'
import Header from './components/Header'

export default {
  name: 'App',
  components: {Footer, Header},
  mounted() {
    /**
     * 我把这句代码放到了TypeNav中的mounted中
     */
    //通知vuex发请求，获取数据，存储于仓库state中
    // this.$store.dispatch('categoryList')
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
</style>
